<template>
	<view class="cont">
		<u-tabbar
		    v-if="renovationInfo.navigationList && renovationInfo.navigationList.length > 0"
			:value="value"
			fixed
			z-index="999"
			activeColor="var(--color)"
		>
			<u-tabbar-item v-for="(item,index) in renovationInfo.navigationList" :key="index" :name="item.url" :text="item.name" @click="jump(item.url,'', 1)">
				<image class="u-page__item__slot-icon" mode="widthFix" slot="inactive-icon" :src="item.iconNoSelected">
				</image>
				<image class="u-page__item__slot-icon" mode="widthFix" slot="active-icon" :src="item.iconSelected">
				</image>
			</u-tabbar-item>
		</u-tabbar>
	</view>
</template>

<script>
	import { mapState } from "vuex";
	export default {
		props: {
			value: {
				type: String ,
				default: '/pages/index/index'
			},
		},
		computed: mapState(["renovationInfo"]),
		methods: {
			jump(url, params, a) {
				// this.$app.jump(url, params, a);
				this.$emit("bacBtn",url);
			}
			
		}
	}
</script>
<style lang="scss" scoped>
	.u-page__item__slot-icon {
		width: 50rpx;
		height: 50rpx;
	}
	
	#tabs .u-tabbar-item {
		font-size: 20rpx !important;
	}
	.cont {
		position: fixed;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 888;
	}
</style>